<template>
  <el-dialog title="物流信息" :visible.sync="isOpen">
    <el-timeline>
      <el-timeline-item
        v-for="(info, index) in logisticsInfo"
        :key="index"
        :icon="info.icon"
        :type="info.type"
        :color="info.color"
        :size="info.size"
        :timestamp="info.ftime">
        {{info.context}}
      </el-timeline-item>
    </el-timeline>
  </el-dialog>
</template>

<script lang="ts">

import { Component, Vue } from 'vue-property-decorator'

@Component
export default class LogisticsInfo extends Vue {
  public isOpen = false
  public get logisticsInfo () {
    return this.$store.state.order.logistics
  }

  mounted () {
    // console.log(this.logisticsInfo)
  }
}
</script>

<style scoped>

</style>
